﻿
@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<link href="~/Assets/plugins/bootstrap-treeview/css/bootstrap-treeview.css" rel="stylesheet" />
<script src="~/Assets/plugins/bootstrap-treeview/js/bootstrap-treeview.js"></script>

<div class="page-header">
    <div class="pull-left">
        <ol class="breadcrumb visible-sm visible-md visible-lg">
            <li><a href="index.html"><i class="icon fa fa-home"></i>主页</a></li>
            <li class="active"><a href="#"><i class="fa fa-envelope"></i>人员模块</a></li>
        </ol>
    </div>
</div>

<div class="col-lg-12">
    <div class="col-sm-12">
        <label for="treeview"></label>
        <div id="treeview" class="treeview">
            <ul class="list-group">
                <li class="list-group-item node-treeview" data-nodeid="0">
                    <!-- 节点合并样式为 glyphicon-plus 展开样式为： glyphicon-minus-->
                    <span class="icon expand-icon glyphicon glyphicon-plus"></span>
                    <span class="icon node-icon"></span>
                    软件科 一级节点 节点 合并
                    <span class="badge">3 child elements</span>
                </li>

                <!-- class中 加 ‘node-selected’ 代表 选中 ，选中后改变样式 style="color:#FFFFFF;background-color:#428bca;"-->
                <li class="list-group-item node-treeview" data-nodeid="4">
                    <span class="icon expand-icon glyphicon glyphicon-minus"></span>
                    <span class="icon node-icon"></span>
                    软件科 一级节点 节点 展开
                    <span class="badge">1 child elements</span>
                </li>

                <li class="list-group-item node-treeview" data-nodeid="5">
                    <span class="indent"></span>
                    <span class="icon expand-icon glyphicon glyphicon-minus"></span>
                    <span class="icon node-icon"></span>
                    软件科 二级节点 节点 展开
                    <span class="badge">6 child elements</span>
                </li>

                <li class="list-group-item node-treeview" data-nodeid="6">
                    <span class="indent"></span>
                    <span class="indent"></span>
                    <span class="icon glyphicon"></span>
                    <span class="icon node-icon"></span>
                    软件科 三级节点 无子节点
                    <span class="badge"></span>
                </li>

                <li class="list-group-item node-treeview" data-nodeid="7">
                    <span class="indent"></span>
                    <span class="indent"></span>
                    <span class="icon glyphicon"></span><span class="icon node-icon">
                    </span>
                    软件科 三级节点 无子节点
                    <span class="badge"></span>
                </li>

                <li class="list-group-item node-treeview" data-nodeid="8">
                    <span class="indent"></span>
                    <span class="indent"></span>
                    <span class="icon expand-icon glyphicon glyphicon-minus"></span>
                    <span class="icon node-icon"></span>
                    软件科 三级节点 展开 子节点
                    <span class="badge">1 child elements</span>
                </li>

                <li class="list-group-item node-treeview" data-nodeid="9">
                    <span class="indent"></span>
                    <span class="indent"></span>
                    <span class="indent"></span>
                    <span class="icon expand-icon glyphicon glyphicon-minus"></span>
                    <span class="icon node-icon"></span>
                    软件科 四级节点 展开 子节点
                    <span class="badge">2 child elements</span>
                </li>

                <li class="list-group-item node-treeview" data-nodeid="10">
                    <span class="indent"></span>
                    <span class="indent"></span>
                    <span class="indent"></span>
                    <span class="indent"></span>
                    <span class="icon glyphicon"></span>
                    <span class="icon node-icon"></span>
                    软件科 五级节点 无子节点
                    <span class="badge"></span>
                </li>

                <li class="list-group-item node-treeview" data-nodeid="11">
                    <span class="indent"></span>
                    <span class="indent"></span>
                    <span class="indent"></span>
                    <span class="indent"></span>
                    <span class="icon glyphicon"></span>
                    <span class="icon node-icon"></span>
                    软件科 五级节点 无子节点
                    <span class="badge"></span>
                </li>


                <!-- 开发部 -->
                <li class="list-group-item node-treeview" data-nodeid="0">
                    <!-- 节点合并样式为 glyphicon-plus 展开样式为： glyphicon-minus-->
                    <span class="icon expand-icon glyphicon glyphicon-plus"></span>
                    <span class="icon node-icon"></span>
                    开发部 一级节点 节点 合并
                    <span class="badge">3 child elements</span>
                </li>

                <!-- class中 加 ‘node-selected’ 代表 选中 ，选中后改变样式 style="color:#FFFFFF;background-color:#428bca;"-->
                <li class="list-group-item node-treeview" data-nodeid="4">
                    <span class="icon expand-icon glyphicon glyphicon-minus"></span>
                    <span class="icon node-icon"></span>
                    开发部 一级节点 节点 展开
                    <span class="badge">1 child elements</span>
                </li>

                <li class="list-group-item node-treeview" data-nodeid="5">
                    <span class="indent"></span>
                    <span class="icon expand-icon glyphicon glyphicon-minus"></span>
                    <span class="icon node-icon"></span>
                    开发部 二级节点 节点 展开
                    <span class="badge">6 child elements</span>
                </li>

                <li class="list-group-item node-treeview" data-nodeid="6">
                    <span class="indent"></span>
                    <span class="indent"></span>
                    <span class="icon glyphicon"></span>
                    <span class="icon node-icon"></span>
                    开发部 三级节点 无子节点
                    <span class="badge"></span>
                </li>

                <li class="list-group-item node-treeview" data-nodeid="7">
                    <span class="indent"></span>
                    <span class="indent"></span>
                    <span class="icon glyphicon"></span><span class="icon node-icon">
                    </span>
                    开发部 三级节点 无子节点
                    <span class="badge"></span>
                </li>

                <li class="list-group-item node-treeview" data-nodeid="8">
                    <span class="indent"></span>
                    <span class="indent"></span>
                    <span class="icon expand-icon glyphicon glyphicon-minus"></span>
                    <span class="icon node-icon"></span>
                    开发部 三级节点 展开 子节点
                    <span class="badge">1 child elements</span>
                </li>

                <li class="list-group-item node-treeview" data-nodeid="9">
                    <span class="indent"></span>
                    <span class="indent"></span>
                    <span class="indent"></span>
                    <span class="icon expand-icon glyphicon glyphicon-minus"></span>
                    <span class="icon node-icon"></span>
                    开发部 四级节点 展开 子节点
                    <span class="badge">2 child elements</span>
                </li>

                <li class="list-group-item node-treeview" data-nodeid="10">
                    <span class="indent"></span>
                    <span class="indent"></span>
                    <span class="indent"></span>
                    <span class="indent"></span>
                    <span class="icon glyphicon"></span>
                    <span class="icon node-icon"></span>
                    开发部 五级节点 无子节点
                    <span class="badge"></span>
                </li>

                <li class="list-group-item node-treeview" data-nodeid="11">
                    <span class="indent"></span>
                    <span class="indent"></span>
                    <span class="indent"></span>
                    <span class="indent"></span>
                    <span class="icon glyphicon"></span>
                    <span class="icon node-icon"></span>
                    开发部 五级节点 无子节点
                    <span class="badge"></span>
                </li>

            </ul>
        </div>
    </div>
</div>